<!DOCTYPE html
     PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    {% block head %}
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
    <title>{% block title %}{% endblock %} - Web Store</title>
    <link href='http://fonts.googleapis.com/css?family=Droid+Sans:regular,bold' rel='stylesheet' type='text/css'/>
    <link rel="stylesheet" href="{{ MEDIA_URL }}css/style.css" type="text/css"/>
    {% endblock %}
</head>

<body>
    <div id="flash-notice"{% if not flash.notice %} style="display: none;"{% endif %}>
        {{ flash.notice }}
    </div>

    <div id="header">
        <div id="topbar">
            <h1><a href="{% url shop.views.product.list %}">Web Store</a></h1>
            {% include "search.html" %}
            {% include "navigation.html" %}
        </div>
    </div>

    <div id="content">
        {% block content %}Content{% endblock %}
    </div>

    {% block scripts %}
    <script type="text/javascript" src="{{ MEDIA_URL}}js/jquery-1.4.4.js"></script>
    <script type="text/javascript" src="{{ MEDIA_URL}}js/flash.js"></script>
    <script type="text/javascript" src="{{ MEDIA_URL}}js/cart.js"></script>
    <script type="text/javascript" src="{{ MEDIA_URL}}js/search.js"></script>
    <script type="text/javascript" src="{{ MEDIA_URL}}js/comments.js"></script>
    <script type="text/javascript">
        var USER_AUTHENTICATED = {{ request.user.is_authenticated|lower }};
    </script>
    {% endblock %}
</body>

</html>
